<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>有货</title>
	<link rel="stylesheet" type="text/css" href="./Public/Home/org/bootstrap-3.3.5-dist/css/bootstrap.min.css" />
	<!-- <script src="./Public/Home/org/bootstrap-3.3.5-dist/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script> -->
	<script type="text/javascript" src="./Public/Home/Js/jquery-1.8.2.min.js"></script>
	<link rel="stylesheet" href="./Public/Home/Swiper-3.3.1/dist/css/swiper.min.css">
	<script type="text/javascript" src="./Public/Home/Swiper-3.3.1/dist/js/swiper.jquery.min.js"></script>
	<script type="text/javascript" src="./Public/Home/Swiper-3.3.1/dist/js/swiper.min.js"></script>
	<link rel="stylesheet" href="./Public/Home/Css/index.css">
	<link rel="stylesheet" href="./Public/Home/Css/common.css">
	<script type="text/javascript" src="./Public/Home/Js/index.js"></script>
	<link rel="stylesheet" href="./Public/Home/Css/list.css">
	<script type="text/javascript" src="./Public/Home/Js/list.js"></script>
	<link rel="stylesheet" href="./Public/Home/Css/show.css">
	<script type="text/javascript" src="./Public/Home/Js/show.js"></script>
</head>
<body>
 

<header>
	<!-- 最顶部宣传 -->
	<div id="_top">
		<a href=""></a>
	</div>
	<!-- 登录注册版块 -->
	<div id="_login">
		<div class="_login-total">
			<div class="_login-left">
				<span class="_icon"></span>
				<a href="">YOHO!BUY 有货</a>
				<ul class="_left-list">
					<li> 
						<a class="yoho-group" data-cn="集团官网" data-en="YOHO!" href="">YOHO!</a>
					</li>
					<li>
						<a class="yoho-group" data-cn="男生潮流" data-en="YOHO!BOYS" href="">YOHO!BOYS</a>
					</li>
					<li>
						<a class="yoho-group" data-cn="女生潮流" data-en="YOHO!GIRLS" href="">YOHO!GIRLS</a>
					</li>
					<li>
						<a class="yoho-group" data-cn="物趣分享" data-en="YOHO!SHOW" href="">YOHO!SHOW</a>
					</li>
					<li>
						<a class="yoho-group" data-cn="潮流嘉年华" data-en="YO'HOOD" href="">YO'HOOD</a>
					</li>
				</ul>
			</div>
			<div class="_login-right">
				<ul>
									<li id="login-box">
						<span class="hi">hi~</span>
						[
						<a href="" class="loginbar">3333</a>  <!-- 这里去个人中心 -->
						]
						[
						<a href="http://127.0.0.1/photo/shop/index.php?m=Home&c=Login&a=quit" class="registebar">退出</a>
						]
					</li>
									
					<li id="myYohoBox" class="myyoho">
						<span class="tag-seprate">|</span>
						<a href="">MY有货</a>
						<span class="icon-bottomarrow"></span>
						<div class="simple-user-center"></div>
					</li>
					<li class="myOrder">
						<span class="tag-seprate">|</span>
						<span class="icon-papers"></span>
						<a href="">我的订单</a>
					</li>
					<li class="mycollect">
						<span class="tag-seprate">|</span>
						<span class="icon-heart"></span>
						<a href="">我的收藏</a>
					</li>
					<li class="message">
						<span class="tag-seprate">|</span>
						<span class="icon-mail"></span>
						<a href="">消息</a>
					</li>
					<li class="phoneapp">
						<span class="tag-seprate">|</span>
						<span class="icon-phone"></span>
						<a href="">手机版</a>
						<div class="download-app-box">
							<div class="qr-img">
								<img src="./Public/Home/Images/qr.png" alt="">
							</div>
							<h3 class="qr-words">扫描二维码</h3>
							<h3 class="qr-words">下载有货手机客户端</h3>
							<h3 class="qr-more"><a href="">更多客户端下载</a></h3>
						</div>
					</li>
				</ul>
			</div>
		</div>
	</div>
	<!-- 搜索栏(男生) -->
	<div id="head-wrapper">
		<div class="head-wrapper-cate">
			<ul>
								<li class="head-list-cur">
					<a href="" class="head-list-cur">
						<span class="name-cn">男生</span>
						<span class="name-en">BOYS</span>
					</a>
				</li>
								<li class="head-list-cur">
					<a href="" class="head-list-cur">
						<span class="name-cn">女生</span>
						<span class="name-en">GIRLS</span>
					</a>
				</li>
								<li class="head-list-cur">
					<a href="" class="head-list-cur">
						<span class="name-cn">潮童</span>
						<span class="name-en">KIDS</span>
					</a>
				</li>
								<li class="head-list-cur">
					<a href="" class="head-list-cur">
						<span class="name-cn">创意生活</span>
						<span class="name-en">LIFE STYLE</span>
					</a>
				</li>
							</ul>
			<div class="head-search">
				<!-- logo显示区中间部分 -->
				<div class="head-logo">
					<img src="./Public/Home/Images/logo/logo_e.png" alt="">
				</div>
				<div class="head-search-right">
					<input type="text" name="" id="search">
					<input type="submit" value="" class="search-submit">
					<div class="head-shop-car">
						<!-- 购物车有商品的时候显示页面 -->
																					<!-- 登录状态下显示的购物车总条数 -->
								<span class="head-shop-img">4</span>
															<div class="head-car-hide">
									<!-- 这儿开始循环商品列 -->
																	<div class="head-goods-list">
										<img src="Upload/list/160804/8461470324770.jpg" alt="">
										<div class="head-goods-info">
											<p class="goods-info-in">裤子</p>
											<p>颜色：灰色 尺码：</p>
										</div>
										<div class="head-goods-price">
											<p>¥37×1</p>
											<a class="goods-del" href="http://127.0.0.1/photo/shop/index.php?m=Home&c=Cart&a=del&id=3">删除</a>
										</div>
									</div>
																	<div class="head-goods-list">
										<img src="Upload/list/160805/67721470398501.jpg" alt="">
										<div class="head-goods-info">
											<p class="goods-info-in">休闲裤</p>
											<p>颜色：灰色 尺码：</p>
										</div>
										<div class="head-goods-price">
											<p>¥124×5</p>
											<a class="goods-del" href="http://127.0.0.1/photo/shop/index.php?m=Home&c=Cart&a=del&id=5">删除</a>
										</div>
									</div>
																	<div class="head-goods-list">
										<img src="Upload/list/160804/22481470319193.jpg" alt="">
										<div class="head-goods-info">
											<p class="goods-info-in">包邮 2013时尚新款夏装卡通女士t恤圆领修身韩版短袖女T恤衫学院 </p>
											<p>颜色：灰色 尺码：</p>
										</div>
										<div class="head-goods-price">
											<p>¥229×1</p>
											<a class="goods-del" href="http://127.0.0.1/photo/shop/index.php?m=Home&c=Cart&a=del&id=1">删除</a>
										</div>
									</div>
																	<div class="head-goods-list">
										<img src="Upload/list/160805/33851470402100.jpg" alt="">
										<div class="head-goods-info">
											<p class="goods-info-in">牛仔裤</p>
											<p>颜色：灰色 尺码：</p>
										</div>
										<div class="head-goods-price">
											<p>¥229×1</p>
											<a class="goods-del" href="http://127.0.0.1/photo/shop/index.php?m=Home&c=Cart&a=del&id=6">删除</a>
										</div>
									</div>
																<!-- 循环结束 -->
								<div class="head-goods-pay">
									<a href="http://127.0.0.1/photo/shop/index.php?m=Home&c=Pay&a=index">去购物车结算</a>
								</div>
							</div>
						<!-- 购物车没有商品的时候的显示页面 -->
											</div>
				</div>
			</div>
		</div>
	</div>
	<div id="head-list">
		<div class="head-list-name">
							<ul class="boys">
											<li><a href="">新品到着</a></li>
      										<li><a href="">品牌一览</a></li>
      										<li><a href="">服饰</a></li>
      										<li><a href="">鞋靴</a></li>
      										<li><a href="">包袋</a></li>
      										<li><a href="">配饰、其他</a></li>
      										<li><a href="">领券中心</a></li>
      										<li><a href="">逛</a></li>
      										<li><a href="">SALE</a></li>
      								</ul>
							<ul class="boys">
									</ul>
							<ul class="boys">
									</ul>
							<ul class="boys">
									</ul>
					</div>
	</div>
	<div id="third-nav-wrapper">
	<div class="nav-center-content">
					<div class="nav-total-left">
																																	<p class="nav-tops">上装</p>
						<a href="">333</a>
						<a href="">333</a>
						<a href="">333</a>
						<a href="">333</a>
											<p class="nav-tops">下装</p>
						<a href="">333</a>
						<a href="">333</a>
						<a href="">333</a>
						<a href="">333</a>
											<p class="nav-tops">经典款型</p>
						<a href="">333</a>
						<a href="">333</a>
						<a href="">333</a>
						<a href="">333</a>
											<p class="nav-tops">热门品牌</p>
						<a href="">333</a>
						<a href="">333</a>
						<a href="">333</a>
						<a href="">333</a>
																																																																		</div>
					<div class="nav-total-left">
							</div>
					<div class="nav-total-left">
							</div>
					<div class="nav-total-left">
							</div>
					<div class="nav-total-right-img">
					<img src="./Public/Home/Images/logo/3.jpg" alt="">
					<a href="">IN季新品全面开售</a>
			</div>
	</div>			
	</div>
</header>

<!-- 中部内容 -->
<article>
	<div id="brand-banner">
		<div class="brand-top">
			<a href="" class="brand-left">
				<img src="./Public/Home/Images/show/1.jpg" alt="">
			</a>
			<a href="" class="brand-right">
				<span class="BRimg"></span>
				<span class="BRimg2"></span>
			</a>
		</div>
	</div>
	<div id="content-all">
		<div id="_list-top">
			<a href="">BOYS首页</a>
			<span>></span>
			<a href="">BOYS首页</a>
			<span>></span>
		</div>
	</div>	
	<div id="_show-total">
		<div class="_show">
			<div class="_show-left-more">
				<!-- 循环点开始大图的循环 对应下面的选颜色图片-->
				<div class="_show-left">
					<!-- 左边大图的显示 -->
					<div class="_show-big">
						<img src="<?php echo $totalData['big'][0]?>" alt="">
					</div>
					<!-- 中间缩略图的显示 -->
					<div class="_show-thumb">
						<?php foreach ($totalData['medium'] as $value){?>
							<li><img src="<?php echo $value?>" alt=""></li>
						<?php }?>
					</div>
				</div>
				<!-- 循环点结束 -->
			</div>
			<script type="text/javascript">
				$(function(){
					$('._show-thumb li').mouseover(function(){
						var n = $(this).index();
						// console.log(n);
						switch(n){
							case 0:
							$(this).closest('._show-left').find('._show-big img').attr('src','<?php echo $totalData['big'][0] ?>');
							break;
							case 1:
							$(this).closest('._show-left').find('._show-big img').attr('src','<?php echo $totalData['big'][1] ?>');
							break;
							case 2:
							$(this).closest('._show-left').find('._show-big img').attr('src','<?php echo $totalData['big'][2] ?>');
							break;
						}
					})
				})
			</script>
			<div class="_show-right">
				<p class="_show-name">
					<span class="_show-list-name" id="GName"><?php echo $totalData['gname']?></span>
					<span class="sale-tip">春潮新势力</span>
				</p>
				<a class="brand-name" href=""><?php echo $totalData['bname']?></a>
				<p class="market-price">
					<span class="market-title">市场价：</span>
					<span class="has-other-price">¥<?php echo $totalData['marketprice']?></span>
				</p>
				<p class="sale-price">
					<span class="sale-title">促销价：</span>
					<span class="new-price" price="<?php echo $totalData['shopprice']?>">¥<?php echo $totalData['shopprice']?></span>
				</p>
				<ul class="activity">
					<li>
						<a class="img-link" href="">
							<img src="./Public/Home/Images/show/4.png">
						</a>
					</li>
					<li>
						<span class="ac-type">满减</span>
						<span class="ac-des">【IN品特享】5折封顶 折后满￥399再减￥50</span>
					</li>
					<li>
						<span class="ac-type">加价购</span>
						<span class="ac-des"> 全场￥99加价购</span>
					</li>
					<li>
						<span class="ac-type">加价购</span>
						<span class="ac-des"> 全场￥49加价购</span>
					</li>
					<li>
						<span class="ac-type">加价购</span>
						<span class="ac-des"> 全场￥29加价购</span>
					</li>
				</ul>
				<div class="trade-content-line"></div>
				<div class="type-chose">
					<?php foreach ($attrData as $key=>$value){?>
					<div class="chose-size">
						<span class="pull-left">选<?php echo $value[0]?>：</span>
						<div id="sizes">
							<ul class="size">
							<?php foreach ($value[1] as $k=>$v){?>
								<li data-name="<?php echo $value['0']?>" class="color-size" gid=<?php echo $_GET['gid']?>><?php echo $v?></li>
							<?php }?>
							</ul>
						</div>
					</div>
					<?php }?>	
					<script type="text/javascript">
						$(function(){
							$('.color-size').click(function(){
								var spec = '';
								$.each($('.li-cur'),function(k,v){
									spec += $(this).html()+',';
								});
								// console.log(spec);
								var gid = $(this).attr('gid');
								var price = $('.new-price').attr('price');
								$.ajax({
									type:"post",
									url:"<?php echo U('getSizeAjax')?>",
									data:{spec:spec,gid:gid,price:price},
									dataType:"json",
									success:function(price){
										$('.new-price').html(price);
									}
								});
							})
						})
					</script>
					<div class="chose-count">
						<span class="pull-left">选数量：</span>
						<div class="num-wraper">
							<span id="num" class="num pull-left">1</span>
							<span class="minus-plus">
								<a href="javascript:;" id="chose-plus"></a>
								<a href="javascript:;" id="chose-minus"></a>
							</span>
						</div>
					</div>
					<!-- 选择数量并且将其写入页面中 -->
					<script type="text/javascript">
						$(function(){
							var i = 1;
							$('#chose-plus').click(function(){
								i++;
								$('#num').html(i);
							})
							$('#chose-minus').click(function(){
								if(i<2){
									i=2;
								}
								i--;
								$('#num').html(i);
							})
						})
					</script>
					<p class="add-shop-car">
						<span class="buy-btn" id="addCart" url="<?php echo U('Cart/add',array('gid'=>$_GET['gid']))?>">添加到购物车</span>
						<span class="collect-product">收藏商品</span>
					</p>
					<div class="share-row">
						<span class="pull-left">分享商品：</span>
						<span class="share-to">
							<i class="weibo" title="分享到新浪微博" data-type="weibo">1</i>
							<i class="weixin" title="分享到微信朋友圈" data-type="weixin">2</i>
							<i class="tweibo" title="分享到腾讯微博" data-type="tweibo">3</i>
							<i class="qzone" title="分享到QQ空间" data-type="qzone">4</i>
							<i class="qq" title="分享到QQ好友" data-type="qq">5</i>
							<i class="renren" title="分享到人人" data-type="renren">6</i>
							<i class="douban" title="分享到豆瓣" data-type="douban">7</i>
						</span>
					</div>

					<script type="text/javascript">
						$(function(){
							$('#addCart').click(function(){
								var num = $('#num').html();
								var url = $(this).attr('url');
								var spec = '';
								var  AName = '';
								$.each($('.li-cur'),function(k,v){
									spec += $(this).html()+',';
									AName += $(this).attr('data-name')+',';
								});
								// var size = $('.color-size').html();
								var price = $(".new-price").html();
								var GName = $("#GName").html();
								$.ajax({
									type:"post",
									url:url,
									data:{num:num,spec:spec,price:price,GName:GName,AName:AName},
									dataType:"json",
									success:function(result){
										// console.log(result);//这儿返回的是true说明压入成功
										if(result.status == true){
											console.log(result.total);
											$('#cart-num').html(result.total);
										}
									}
								})
							})
						})
					</script>
				</div>
				<!-- 隐藏域 -->
				<div class="balance">
					<p class="success-tip">商品已成功添加到购物车！</p>
					<p class="cart-total">
						购物车一共有
						<span id="cart-num"></span>
						件商品
					</p>
					<p class="balance-btns">
						<a class="balance-go-cart" href="<?php echo U('Pay/index')?>">去购物车结算</a>
						<span id="keep-shopping" class="keep-shopping">继续购物</span>
					</p>
				</div>
				<!-- 隐藏域结束 -->
			</div>
		</div>
	</div>
	<div id="other-infos">
		<p class="block-title">
			<span class="title block-title-cur">商品信息 DESCRIPTION</span>
			<span class="sep">|</span>
			<span class="title">材质洗涤 MATERIALS</span>
		</p>
		<div class="description-content">
			<ul class="basic">
				<li> 编号: 51285706 </li>
				<li>颜色:
					<span id="desc-color">紫色</span>
				</li>
				<li> 性别: 男款 </li>
				<li> 领型: 圆领 </li>
				<li> 衣长: 适中 </li>
				<li> 袖长: 短袖 </li>
				<li> 版型: 正常 </li>
				<li> 厚度: 中 </li>
				<li> 经典款型: LOGOT恤 </li>
			</ul>
			<ul class="comfort">
				<li class="pull-left">
					<span class="comfort-title">弹性：</span>
					<span class="min-des">小</span>
					<span class="comfort-block "></span>
					<span class="comfort-block cur"></span>
					<span class="comfort-block "></span>
					<span class="comfort-block "></span>
					<span class="comfort-block "></span>
					<span class="max-des">大</span>
				</li>
				<li class="pull-left">
					<span class="comfort-title">厚度：</span>
					<span class="min-des">薄</span>
					<span class="comfort-block "></span>
					<span class="comfort-block "></span>
					<span class="comfort-block cur"></span>
					<span class="comfort-block "></span>
					<span class="comfort-block "></span>
					<span class="max-des">厚</span>
				</li>
				<li class="pull-left">
					<span class="comfort-title">柔软度：</span>
					<span class="min-des">软</span>
					<span class="comfort-block "></span>
					<span class="comfort-block cur"></span>
					<span class="comfort-block "></span>
					<span class="comfort-block "></span>
					<span class="comfort-block "></span>
					<span class="max-des">硬</span>
				</li>
				<li class="pull-left">
					<span class="comfort-title">透气性：</span>
					<span class="min-des">弱</span>
					<span class="comfort-block "></span>
					<span class="comfort-block "></span>
					<span class="comfort-block cur"></span>
					<span class="comfort-block "></span>
					<span class="comfort-block "></span>
					<span class="max-des">强</span>
				</li>
			</ul>
		</div>
	</div>
</article>
 <footer>
	<div id="footer-top">
		<div class="footer-left">
			<div class="footer-float">
				<span class="iconfont rgbf"></span>
				<span class="red">100%</span>
				<span class="rgbf">品牌正品</span>
			</div>
			<div class="footer-float">
				<span class="iconfont rgbf fCenter"></span>
				<span class="red">7天</span>
				<span class="rgbf">无理由退换货</span>
			</div>
			<div class="footer-float">
				<span class="iconfont rgbf fRight"></span>
				<span class="red">便捷</span>
				<span class="rgbf">在线客服</span>
			</div>
			<div class="footer-right">
				<input type="text" name="" value=""  placeholder="订阅我们的邮件" id="foot-text">
				<a href="" id="footer-submit"></a> 
			</div>
		</div>
	</div>
	<div id="footer-center">
		<div class="footer-help">
			<ul class="clearfix">
				<li class="fix-left">
					<p>
						<span>新手指南</span>
					</p>
					<p>
						<a href="">注册登录</a>
					</p>
					<p>
						<a href="">选购商品</a>
					</p>
					<p>
						<a href="">订单支付</a>
					</p>
					<p>
						<a href="">收货退款</a>
					</p>
				</li>
				<li class="fix-left">
					<p>
						<span>会员中心</span>
					</p>
					<p>
						<a href="">YOHO币</a>
					</p>
					<p>
						<a href="">会员制度</a>
					</p>
					<p>
						<a href="">账户管理</a>
					</p>
					<p>
						<a href="">密码管理</a>
					</p>
				</li>
				<li class="fix-left">
					<p>
						<span>购物指南</span>
					</p>
					<p>
						<a href="">全球购专区</a>
					</p>
					<p>
						<a href="">尺码选择</a>
					</p>
					<p>
						<a href="">发票</a>
					</p>
					<p>
						<a href="">商品咨询</a>
					</p>
				</li>
				<li class="fix-left">
					<p>
						<span>支付方式</span>
					</p>
					<p>
						<a href="">在线支付</a>
					</p>
					<p>
						<a href="">货到付款</a>
					</p>
					<p>
						<a href="">优惠券</a>
					</p>
					<p>
						<a href="">YOHO币支付</a>
					</p>
				</li>
				<li class="fix-left">
					<p>
						<span>配送方式</span>
					</p>
					<p>
						<a href="">配送时间</a>
					</p>
					<p>
						<a href="">配送范围</a>
					</p>
					<p>
						<a href="">顺丰速运</a>
					</p>
					<p>
						<a href="">商品验收与签收</a>
					</p>
				</li>
				<li class="fix-left">
					<p>
						<span>售后服务</span>
					</p>
					<p>
						<a href="">退换货政策</a>
					</p>
					<p>
						<a href="">退换货流程</a>
					</p>
					<p>
						<a href="">退款方式与时效</a>
					</p>
					<p>
						<a href="">投诉与建议</a>
					</p>
				</li>
				<li class="fix-left">
					<p>
						<span>APP常见问题</span>
					</p>
					<p>
						<a href="">IPhone版</a>
					</p>
					<p>
						<a href="">Android版</a>
					</p>
					<p>
						<a href="">wap版</a>
					</p>
					<p>
						<a href="">IPAD版</a>
					</p>
				</li>
			</ul>
		</div>
	</div>
	<div id="footer-buttom">
		<div class="footer-link">
			<div id="footer-link-left">
				<a href=""><img src="./Public/Home/Images/content/13.png" alt="" class="pin1"></a>
				<a href=""><img src="./Public/Home/Images/content/14.png" alt="" class="pin2"></a>
			</div>
			<div id="footer-link-right">
				<p class="link-top">
					<a href="">返回首页</a>
					<span>|</span>
					<a href="">YOHO!BUY 有货</a>
					<span>|</span>
					<a href="">新力传媒</a>
					<span>|</span>
					<a href="">联系我们</a>
					<span>|</span>
					<a href="">商家入驻</a>
					<span>|</span>
					<a href="">隐私条款</a>
					<span>|</span>
					<a href="">友情链接</a>
				</p>
				<p class="link-buttom">
					 CopyRight © 2007-2016 南京新与力文化传播有限公司
					<a class="rbg6" target="_blank" href="http://www.miibeian.gov.cn/">苏ICP备09011225号</a>
					NewPower Co. 版权所有 经营许可证编号：苏B2-20120395 
				</p>
			</div>
		</div>
	</div>
</footer>
</body>
</html>